body{
	width: 100%;
	background: #f4f4f4;
}
.header{
	width: 100%;
	height: 70px;
	background: black;
}

.header ul a li{
	width: 140px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	float: left;
	font-size: 18px;
	color: white;
}
.header ul a li:hover{
	background: white;
	color: black;
}
.search-outer-div{
	width: 240px;
	height: 36px;
	float: right;
	background: #fff;
	border-radius: 30px;
	margin-top: 17px;
}
.header input{
	width: 175px;
	height: 36px;
	border: none;
	outline: none;
	float: left;
	margin-left: 20px;
	padding: 0 2px;
}
/*轮播*/
.out {
  width:839px;
  height:421px;
  float: left;
  position:relative;
  margin-top: 30px;
}
.img li {
  position:absolute;
  top:0px;
  left:0px;
  display:none
}
.out .num {
  position:absolute;
  bottom:15px;
  left:0px;
  font-size:0px;
  text-align:center;
  width:100%;
}
.num li {
  width:8px;
  height:8px;
  background:#666666;
  color:#FFFFFF;
  text-align:center;
  line-height:10px;
  display:inline-block;
  font-size:0px;
  border-radius:50%;
  margin-right:10px;
  cursor:pointer;
}
.out .btn {
  position:absolute;
  top:50%;
  margin-top:-30px;
  width:30px;
  height:60px;
  color:#FFFFFF;
  text-align:center;
  line-height:60px;
  font-size:40px;
  display:none;
  cursor:pointer;
}
.out .num li.active-1 {
	width: 20px;
	height: 8px;
  	background:#ffffff;
  	border-radius: 20px;
}
.out:hover .btn {
  display:block
}
.out .left {
  left:0px;
}
.out .right {
  right:0px;
}


ul,li{ list-style:none;}
.tab{ width:1200px; margin:40px auto;}
.tab-hd { background:#fff; overflow:hidden; zoom:1; height: 70px;width: 100%;}
.tab-hd li{ float:left; color:black; text-align:center; cursor:pointer;line-height: 68px;font-size: 16px; margin-left: 20px; margin-right: 40px;}
.tab-hd li:last-child {
	float: right;
}
.tab-hd>a>span{color: #0084ff; font-size: 16px;float: right; padding-right: 20px; line-height: 70px;white-space: nowrap;}
.tab-hd li.active{border-bottom: 2px solid #0084ff; color: #0084ff;}
.tab-bd{ margin-left:-30px;}
.tab-bd li{display:none;border-top:0 none;}
.tab-hd>span{float: left;line-height: 68px; font-size:18px;padding-left: 20px; }

.tab-bd li.thisclass{ display:list-item;font-size: 0;}
.tab-bd li.thisclass>a{ display:inline-block;font-size: 14px;}

.three{width: 380px; background: #fff; float: left; border-radius: 10px; margin-top: 20px; margin-left:30px;}
.three:hover{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 1}
.three>span{font-size: 20px;color: black; display: block; margin-top: 20px;margin-bottom: 20px; padding-left: 20px;}
.three1{float: left;margin-left: 20px;margin-bottom: 20px;}
.three1>span{float:left; padding-left: 10px;color: #999999;}
.three2{float: right;margin-right: 20px;}
.three2 span{margin-left: 5px;color: #999999;}

.mbkclist{
	height:300px;
	background:#fff;
	margin-top:30px;
	margin-left:30px;
	border-radius: 5px;
	width:1200px;
}
.mbkclisttp img{
	width:705px;
	height:300px;
}
.mbkclistwz{
	width:440px;
	float:left;
	margin:40px 0 0 30px;
}
.mbkclistwz_xq{
	height:116px;
	margin-top:20px;
}
.mbkclistxia_wz{
	width:260px;
}
.mbkclistwz_jg{
	font-size:30px;
	color:#ff6c00;
	float:left;
	padding-right:18px;
}
.mbkclistwz_yj{
	font-size:16px;
	color:#686868;
	margin-top:10px;
	text-decoration:line-through;
	
}
.mbkclistwz_sm{
	clear:both;
	font-size:14px;
	color:#282828;
}
.mbkclist_xq a{
	display:block;
	width:156px;
	margin-top:15px;
	line-height:48px;
	color:#fff;
	text-align:center;
	background:#0084ff;
	border-radius: 5px;
}
.mbkclist_xq a:hover{
	background:#0078e8;
}




.wzbt{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 40px;
}
.span1{
	font-size: 20px;
	color: #0084ff;
}
.span2{
	padding-left: 10px;
}
.span3{
	float: right;
	color: #0084ff;
}
.four{
	width: 600px;
	float: left;
	margin-top: 40px;
}
.four:hover .fourbt{
	color: #0084ff
}
.four-right{
	float: left;
	width: 320px;
	margin-left: 20px;
}
.four img{
	float: left;
}
.four-right p{
	width: 320px;
}
.four-right>span{
	font-size: 20px;
	color: black;
	font-weight: 800;
	display: block;
	padding-bottom: 20px;
}
.four3{
	width: 355px;
	float: left;
	margin-top: 15px;
}
.four3 img{
	float: left;
}
.four3 span{
	color: #999999;
}
.yqljbt{
	width: 1200px;
}
.yqljbt>span{
	font-size: 20px;
	color: #0084ff;
	float: left;
}
.yqljbt>a>span{
	float: right;
	color: #0084ff;
}
.yqljnr{
	width: 1200px;
	margin: 40px auto;
	padding-bottom: 40px;
}
.yqljnr a{
	font-size: 14px;
	color: #808080;
	padding-right: 25px;
}
.yqljnr a:hover{
	color: #0084ff;
}
.footer{
	width: 100%;
	background: black;
	float:left;
}
.ftop{
	width: 1195px;
	margin: 0 auto;
	height: 92px;
	background: url(../img/20.jpg)no-repeat center;
	border-bottom: 1px solid #262626;
}
.bili{
	float: left;
	margin-top:25px; 
}
.bili img{
	float: left;
}
.bili span{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	color: white;
}
.fcenter{
	width: 1200px;
	margin: 40px auto;
	padding-bottom: 60px;
}
.f1{
	width: 33.33%;
	float: left;
}
.f1 span{
	font-size: 18px;
	color: white;
	display: block;;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 20px;
}
.f1 a{
	font-size: 14px;
	color: #737373;
}
.lastl{
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
	color: #737373;
}
.lastl a span{ color:#737373;}



/*详情列表页*/
.banner1{
	width: 100%;
	height: 320px;
	background: url(../img/24.jpg)no-repeat center;
}
.span11{
	font-size: 48px;
	color: white;
	display: block;
	text-align: left;
	padding-top: 110px;
}
.span12{
	font-size: 18px;
	color: white;
	display: block;
	text-align: left;
	padding-top: 30px;
}
.list-left{
	width: 250px;
	float: left;
	margin-top: 40px;
}
.left1{
	width: 250px;
	float: left;
	border-radius: 10px;
}
.li1{
	width: 250px;
	height: 50px;
	background: black;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size: 18px;
}
.li1 img{
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}
.li1 span{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	color: white;
	display: block;
	float: left;

}
.li2{
	width: 250px;
	background: #fff;
	height: 49px;
	border-bottom: 1px solid #f4f4f4;
	line-height: 49px;
	font-size: 18px;
	color: #666666;
}
.li2:hover{
	color: #0084ff;
}
.li3{
	width: 250px;
	background: #fff;
	height: 49px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	line-height: 49px;
	font-size: 18px;
	color: #666666;
}
.li3:hover{
	color: #0084ff;
}
.left2{
	width: 250px;
	height: 50px;
	float: left;
	border-radius: 8px;
	background: black;
	font-size: 18px;
}
.left2 img{
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}
.left2 span{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	color: white;
	display: block;
	float: left;

}
.list-right{
	width: 920px;
	background: #fff;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
}
.list-top{
	width: 920px;
	height: 59px;
	border-bottom: 1px solid #f4f4f4;
}
.list-top img{
	float: left;
	margin-left: 30px;
	margin-top: 20px;
}
.list-top span{
	font-size: 20px;
	color: black;
	display: block;
	margin-left: 10px;
	margin-top: 15px;
	float: left;
}
.list-bottom{
	width: 920px;
	overflow: hidden;
	padding-bottom: 60px;
}
.list-bottom li{
	width: 920px;
	border-bottom: 1px dashed #f4f4f4;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
}
.list-bottom img{
	margin-left: 30px;
	float: left;
}
.list-bottom span{
	font-size: 18px;
	color: black;
	float: left;
	margin-left: 20px;
}
.list-bottomp{
	width: 860px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	text-indent: 24px;
}
.listpp{
	width: 540px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	text-indent: 24px;
}
.list-div{
	width: 96px;
	height: 26px;
	background: #f2f2f2;
	color: black;
	float: left;
	text-align: center;
	line-height: 26px;
	margin-top: 25px;
	margin-left: 20px;
	border-radius: 5px;

}
.list-div:hover{
	color: white;
	background: #0084ff;
}
.tabb{
	width: 920px;
	float: left;


}
.tabb div{
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	background: #c8c8c8;
	border-radius: 3px;
	line-height: 36px;
	font-size: 16px;
}
.tabb div:hover{
	background: #0084ff;
	color: white;
}



/*详情页*/
.sousuo1{background: #0084ff; color: white;width: 59px;height: 36px;}
.sousuo2{background: #0084ff; color: white;width: 59px;height: 36px; float: left;text-align: center; line-height: 36px;margin-top: 30px;}

.banner2{
	width: 100%;
	height: 320px;
	background: url(../img/39.jpg) no-repeat center;
	text-align: center;
	overflow: hidden;
}
.banner2 span{
	color: white;
	display: block;
}
ul,li{ list-style:none;}
.tab1{ width:1200px; margin:40px auto; position: relative; overflow: hidden;}
.tab1-span{position: absolute;top: 22px;left:20px;font-size: 18px;}
.tab-hd1 { background:#fff; overflow:hidden; zoom:1; height: 70px; border-top: 1px solid #c8c8c8;border-bottom: 1px solid #c8c8c8;}
.tab-hd1 li{ float:left; color:black; text-align:center; cursor:pointer;line-height: 68px;font-size: 16px; margin-right: 40px;}
.tab-hd1>a>span{color: #0084ff; font-size: 16px;float: right; padding-right: 20px; line-height: 70px;}
.tab-hd1 li.active1{border-bottom: 2px solid #0084ff; color: #0084ff;}
.tab-bd1{margin-left:-30px;}
.tab-bd1 li{display:none;border-top:0 none;font-size: 0px;}
.tab-bd1 li>a {display: inline-block;font-size: 14px;}
.tab-hd1>span{float: left;line-height: 68px; font-size:18px;padding-left: 20px; }

.tab-bd1 li.thisclass1{ display:list-item;}
.fenlei{width: 1200px;background: #fff; margin:0 auto; height: 90px;}
.fenlei span{font-size: 18px; float: left; padding-left: 20px; line-height: 90px;}
.fenlei1{width: 80px; height: 35px;background:#f2f2f2; color: black; float: left;text-align: center;line-height: 35px;margin-left: 30px;border-radius: 8px;font-size: 18px;margin-top: 30px;}
.fenlei1:hover{background: #0084ff;color: white;}

.sousuo{width: 269px;height: 36px;float: left;margin-left: 500px;background: #f4f4f4;margin-top: 30px;}
.sousuo input{float:left;background: #f4f4f4;border: none;outline:none;margin-top: 10px;margin-left: 10px;}
.sousuo img{float: left;margin-left: 10px;margin-top: 10px;}
.three3 {float: right;margin-right: 20px;}
.three3 img{float: left;}
.three3 span{margin-left: 10px;color: #999999; display: block;float: left;padding-top: 2px;}

.banner3{width: 1199px;height: 140px;background: url(../img/49.png)no-repeat center; margin: 20px auto; overflow: hidden;text-align: center;background-size: cover;}
.banner3 span{ display: block; color: white; }

ul,li{ list-style:none;}
.tab2{ width:1200px; margin:40px auto; position: relative; overflow: hidden;}
.tab2>span{position: absolute;top: 22px;left:20px;font-size: 18px;}
.tab-hd2 { background:#fff; overflow:hidden; zoom:1; height: 70px;border-bottom: 1px solid #c8c8c8;}
.tab-hd2 li{ float:left; color:black; text-align:center; cursor:pointer;line-height: 68px;font-size: 16px; margin-right: 40px;}
.tab-hd2>a>span{color: #0084ff; font-size: 16px;float: right; padding-right: 20px; line-height: 70px;}
.tab-hd2 li.active2{border-bottom: 2px solid #0084ff; color: #0084ff;}
.tab-bd2{margin-left:-30px;}
.tab-bd2 li{display:none;border-top:0 none;font-size: 0;}
.tab-bd2 li>a {font-size: 14px;display: inline-block;}
.tab-hd2>span{float: left;line-height: 68px; font-size:18px;padding-left: 20px; }
.three4 {float: right;margin-right: 20px;}
.three4 span{color: #fe7118;font-size: 18px;margin-left: 10px;display: block;float: left;padding-top: 2px;}

.price{
	background: #fff;
	height: 65px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	margin-bottom: 15px;
}
.price img{
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}
.wz1{
	font-size: 18px;
	color: black;
	float: left;
	line-height: 65px;
	margin-left: 20px;
}
.wz2{
	font-size: 30px;
	float: left;
	line-height: 65px;
	margin-left: 20px;
	color: #ff6c00;
}
.wz3{
	font-size: 16px;
	color: #565656;
	float: left;
	margin-left: 10px;
	line-height: 65px;
}
.wz4{
	font-size: 16px;
	color: #565656;
	float: left;
	line-height: 65px;
	margin-left: 25px;
	text-decoration:line-through;
}
.wz5{
	font-size: 16px;
	color: #565656;
	float: left;
	line-height: 65px;
	margin-left: 30px;
}
.price div{
	width: 200px;
	height: 65px;
	background: #0084ff;
	color: white;
	line-height: 65px;
	text-align: center;
	float: right;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 24px;
}

/*产品详情*/
.banner4{
	width: 100%;
	height: 500px;
	background: url(../img/52.jpg)no-repeat center;
	overflow: hidden;
	background-size: cover;
}
.new1{
	width: 35px;
	height: 20px;
	background: #ff6600;
	float: left;
	color: white;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin-top: 25px;
	margin-left: 20px;
}
.mbsc{font-size: 16px; color: #282828;line-height: 50px; display: block;}
.jmlb{float: left;display: block;font-size: 24px;color: #282828;padding-left: 20px; padding-top: 40px;}
.jtwx{display: block;float: left; font-size: 16px; color: #282828;margin-left: 10px; margin-top: 18px;}
.jszc{display: block;float: left; font-size: 16px; color: #282828;margin-left: 10px; margin-top: 18px;}
.four1{
	width: 600px;
	float: left;
	margin-top: 40px;
}
.four1:hover span{
	color:#0084ff;
}
.four-right1{
	float: left;
	width: 320px;
	margin-left: 20px;
}
.four1 img{
	float: left;
}
.four-right1 p{
	width: 320px;
}
.four-right1>span{
	font-size: 20px;
	color: black;
	font-weight: 800;
	display: block;
	padding-bottom: 20px;
}
.four31{
	width: 355px;
	float: left;
	margin-top: 15px;
}
.four31 img{
	float: left;
}
.four31 span{
	color: #999999;
}
.goumai{
	width: 494px;
	float: left;
	background: #fff;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	height: 300px;
}
.goumai1{
	width: 62px;
	height: 20px;
	background: url(../img/63.png)no-repeat center;
	color: white;
	float: left;
	margin-top:47px;
	margin-left: 10px;
}
.goumai2{
	width: 435px;
	margin-left: 30px;
	overflow: hidden;
	border-top: 1px dashed #f2f2f2;
	margin-top: 41px;
}
.goumai>div>a>div{
	width: 156px;
	height: 48px;
	background: #0084ff;
	color: white;
	text-align: center;
	line-height: 48px;
	float: right;
	font-size: 16px;
	margin-top: 35px;
	border-radius: 8px;
}
.zwb{color: white; font-size: 36px;display: block;margin-top: 95px;}
.zhichi{font-size: 18px;color: white;display: block;margin-top: 30px;}
.zhichi1{font-size: 18px;color: white;display: block;margin-top: 15px;}
.daxiao{font-size: 18px;color: white;display: block;margin-top: 15px;}
.xiazai{width: 180px;height: 50px;background: #0084ff;text-align: center;line-height: 50px;color: white;margin-top: 55px;float: left;font-size: 14px;border-radius: 8px;}
.zhu{font-size: 14px;color: white;display: block;margin-top: 120px;}
.bianji{font-size: 30px;display: block;text-align: center;color: black;padding-top: 55px;padding-bottom: 35px;}
.bianjicon{margin-left:-30px;font-size: 0}
.bianjicon>a {display: inline-block;font-size: 14px;}
.D3{color: #282828;}
.tiyan{width: 335px;margin-left: 20px;}
.xiamian3{width: 380px; border-top:2px dashed #f8f8f8;overflow: hidden; margin-top: 7px;}
.xiamian3>img {margin-top: 20px;}
.ljgd{font-size: 16px;color: #ff6600;float: left; line-height: 55px;padding-left: 20px;}
.xjq{display: block; text-align: center; font-size: 30px;color: black;padding-top: 35px;}
/*关于我们*/
.banner5{
	width: 100%;
	height: 320px;
	background: url(../img/66.jpg)no-repeat center;
}
.gywm{display: block;text-align: left;padding-top: 20px;}
.bor1{border-top-right-radius: 3px;border-top-left-radius: 3px;}
.bor2{border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.ml125{margin-left: 125px;}
/*教程*/
.banner6{
	width: 100%;
	height: 320px;
	background: url(../img/68.jpg)no-repeat center;
	background-size: cover;
}
.banner7{
	width: 100%;
	height: 140px;
	background: url(../img/68new.jpg)no-repeat center;
                margin-top: 30px;
}

.banner6 span {
	color: white;
	display: block;}
.tab2-span{position: absolute;top: 111px;left:20px;font-size: 18px;}
.fenlei2{width: 128px; height: 35px;background:#f2f2f2; color: black; float: left;text-align: center;line-height: 35px;margin-left: 30px;border-radius: 8px;font-size: 18px;margin-top: 30px;}
.fenlei2:hover{background: #0084ff;color: white;}

.page a{
	font-size:16px;
	padding:7px 13px 8px 14px;
	margin-left:8px;
	color:#707070;
	border:1px solid #dedede;
}
.page a:hover{
	background:#0a5a01;
	color:#FFFFFF;
}

.tabb1{
	width: 675px;
	margin: 40px auto 0 auto;
	overflow: hidden;
}
.tabb1 div{
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	background: #fff;
	border-radius: 3px;
	line-height: 36px;
	font-size: 16px;
}
.tabb1 div:hover{
	background: #0084ff;
	color: white;
}


.tabb11{
	width: 675px;
	margin: 40px auto 0 auto;
	overflow: hidden;
}
.tabb11 div{
	padding-left: 15px;
	padding-right: 15px;
	margin-top:450px;
	margin-left:15px;

	float: left;
	background: #fff;
	border-radius: 3px;
	line-height: 36px;
	font-size: 16px;
}
.tabb11 div:hover{
	background: #0084ff;
	color: white;
}

.video{
	width: 689px;
	height: 360px;
	background: url(../img/69.png) no-repeat center;
	float: left;
}

.video2 p{
	width: 689px;
	height: 360px;
	
	float: left;
}

.video-right2{
	width: 490px;
	height: 360px;
	background: #fff;
	border-radius:8px;
	float: left; 
	margin-left: 20px;
}
.top{
	width: 435px;
	border-bottom: 1px dashed #e8e8e8;
	overflow: hidden;
	margin: 0 auto;
}
.top span{
	font-size: 16px;
	display: block;
	float: left;
	color: #282828;
	padding-top: 40px;
	padding-bottom: 20px;
	font-weight: 800;
}
.center{
	width: 435px;
	color: #686868;
	margin: 0 auto;
	border-bottom: 1px dashed #e8e8e8;
	padding-bottom: 55px;
	padding-top: 20px;
}
.centeradd{
	width: 435px;
	color: #686868;
	margin: 0 auto;
	border-bottom: 1px dashed #e8e8e8;
	padding-bottom: 30px;
}
.center p{
	width: 380px;
}
.bottom{
	width: 435px;
	margin: 0 auto;
}
.bottom span{
	font-size: 16px;
	color: #282828;
	display: block;
	padding-top: 20px;
	padding-bottom: 25px;
}
.bottom>a>div{
	width: 156px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background: #0084ff;
	color: white;
	font-size: 16px;
	border-radius: 10px;
}


.gkscrollpic1 {
	width: 1200px;
	margin:40px auto;
}
#gkmyscroll1 {
	display: block;
	width: 100%;
	position: relative;
	height: 340px;
	overflow: hidden;
}
#gkmyscroll1 #gkmyscrollbox1 {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#gkmyscroll1 ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin:0 0 0 -30px;
}
#gkmyscroll1 ul li {
	display: block;
	float: left;
	padding: 0;
	width:400px;
}
#gkmyscroll1 ul li a {
	display: block;
	float: left;
	width: 380px;
	padding: 0;
	position: relative;
	height: 340px;
	color: #333;
}
#gkmyscroll1 a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#gkmyscroll1 a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#gkmyscroll1 a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#gkmyscroll1 a .intro {
	bottom: -211px;
}
#gkmyscroll1 a:hover .intro {
	bottom: 0px;
}
#gkmybtns1 {
	width: 1350px;
	display: block;
	height: 42px;
	position: absolute;
	top: 150px;
	left: -88px;
	z-index: 100;
}
#gkmybtns1 a {
	width: 42px;
	height: 42px;
	display: block;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	border-radius: 100px;
	color: white;
}
#gkmybtns1 a:hover {
	background-color: #347fdc;
}
#gkmybtns1 a:hover, #gkmyscroll1, #gkmybtns1 a, #gkmyscroll1 a:hover .intro, #gkmyscroll1 a .intro, #gkmyscroll1 #gkmyscrollbox1 {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/*列表详情*/
.w1{background: #fff;border-radius: 10px; overflow: hidden; width: 827px;float: left;margin-bottom: 50px;}
.fbsj{display: block;float: left;font-size: 12px;color: #aaaaaa; margin-left: 245px;}
.w1202{display: block;float: left;font-size: 12px;color: #aaaaaa; padding-left: 10px;}
.w265{display: block;float: left;font-size: 12px;color: #aaaaaa; margin-left: 10px;}
.a1{width: 343px;border-bottom: 2px solid #f8f8f8;}
.a2{line-height: 58px; font-size: 20px; font-weight: bold;}
.a3{width: 343px;border-bottom: 2px solid #f8f8f8;}
.xq-left{
	width: 827px;
	
}
.leftbt{
	font-size: 30px;
	display: block;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 30px;
	color: black;
}
.xq-xbt{
	margin: 0 auto;
	width: 750px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f8f8f8;
	overflow: hidden;
}
.xq-xbt>img {
	margin-top: 5px;
}
.xqnr{
	width: 827px;
	padding-top: 30px;
}
.xqspan1{
	font-size: 14px;
	color: #4d4d4d;
	display: block;
	padding-left: 30px;
}
.xqp{
	width: 690px;
	float: left;
	color: #4d4d4d;
	margin-left: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #e5e5e5;
}
.biaoqian{
	width: 750px;
	float: left;
	margin-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.biaoqian span{
	font-size: 14px;
	color: #838383;
	float: left;
	padding-top: 5px;
}
.biaoqian>a>div{
	font-size: 14px;
	color: #838383;
	line-height: 29px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 10px;
	border:1px solid #838383;
	float: left;
	margin-top: 4px;
}
.sxp{
	width: 827px;
	float: left;
	padding-top: 30px;
	border-top: 2px solid #f8f8f8;
}
.qian{
	font-size: 14px;
	color: #0084ff;
	float: left;
}
.sxpbt{
	font-size: 14px;
	float: left;
	color: #4d4d4d;
}
.xq-right{
	width: 343px;
	float: left;
	margin-left: 30px;
	background: #fff;
	border-radius: 10px;
}

ul,li{ list-style:none;}
.tab3{ width:303px; margin:0 auto 50px;}
.tab-hd3 { overflow:hidden; zoom:1;}
.tab-hd3 li{ float:left; color:black; text-align:center; cursor:pointer;font-size: 16px;width: 50%;line-height: 60px;border-bottom: 2px solid #e5e5e5;}
.tab-hd3 li.active3{ border-bottom: 2px solid #0084ff; color: #0084ff;}
.tab-bd3 li{display:none; padding:20px; border-top:0 none; font-size:24px;}

.tab-bd3 li.thisclass3{ display:list-item;}


/*video*/
.zhizuo{line-height: 75px;}
.v1{border-radius: 10px;background: #fff; overflow: hidden;}
.v2{float:right;width: 343px; border-left: 2px solid #f8f8f8; overflow: hidden;}
.v3{font-size: 16px;color: #282828;display: block;text-align: left;padding-bottom: 20px;}
.v4{width: 109px;height: 36px;background: #0084ff;color: white;line-height: 36px;text-align: center;border-radius: 5px; float: left;}
.v5{width: 162px;height: 34px;border: 1px solid #0084ff;text-align: center;line-height: 36px; float: left;margin-left: 10px; color: #0084ff;border-radius: 5px;}
.v6{font-size: 30px;color: black;margin-left: 30px;display: block;line-height: 85px;}
.v7{width: 689px;height: 360px;background: url(../img/72.png)no-repeat center;margin-left: 30px; border-radius: 10px;}
.v77{width: 689px;height: 560px;margin-left: 130px; border-radius: 10px;}
.v8{font-size: 14px;color: #6a6a6a;display: block;float: left;margin-left: 30px;padding-top: 25px;padding-bottom: 25px;}
.v9{width: 343px;border-bottom: 2px solid #f8f8f8;}
.v10{line-height: 58px; font-size: 20px; font-weight: bold;}
.v11{position: absolute; left: 125px; color: #959595;}
.v12{position: absolute;left: 235px;top: 25px;}
.v13{position: absolute;right: 20px;top: 25px;}
.v14{position: absolute;top: 240px;left: 670px;}
.v15{color: #939393;font-size: 14px;padding-left: 5px;padding-right: 5px;}
.v16{position: absolute;top: 240px;left: 670px;}
.v17{color: #939393;font-size: 14px;padding-left: 5px;padding-right: 5px;}
.v18{width: 305px;float: right; padding-bottom: 15px;border-bottom: 1px dashed #f2f2f2;padding-top: 21px;}
.v19{font-size: 16px;color: black; display: block; padding-left: 10px;}
.v20{font-size: 12px; display: block; padding-top: 10px; padding-bottom: 5px;padding-left: 10px;}
.v21{font-size: 12px; display: block;padding-left: 10px;}
.v22{width: 305px;float: right; padding-bottom: 15px;padding-top: 15px;}
.right1-top{
	float: left;
	width: 313px;
	padding-bottom: 25px;
	border-bottom: 3px dashed #f8f8f8;
	margin-left: 25px;
}
.right1-center{
	float: right;
	width: 313px;
	padding-bottom: 25px;
	border-bottom: 3px dashed #f8f8f8;
	margin-left: 25px;
	padding-top: 25px;

}
.right1-bottom{
	float: right;
	width: 313px;
	padding-bottom: 25px;
	border-bottom: 3px dashed #f8f8f8;
	margin-left: 25px;
	padding-top: 25px;

}
.right1-last{
	float: right;
	width: 313px;
	padding-bottom: 25px;
	margin-left: 25px;
	padding-top: 25px;
}
.right1-last div{
	width: 284px;
	height: 48px;
	background: #ff6600;
	color: white;
	font-size: 18px;
	border-radius: 8px;
}
.right1-last img{
	float: left;
	margin-left: 100px;
	padding-top: 15px;
}
.right1-last span{
	display: block;
	float: left;
	padding-top: 12px;
	padding-left: 10px;
}
.spanleft{
	font-size: 14px;
	color: #282828;
	display: block;
	float: left;
}
.spanright{
	font-size: 12px;
	color: #6a6a6a;
	display: block;
	float: left;
	padding-top: 3px;
}


ul,li{ list-style:none;}
.tab5{ width:827px; float: left;}
.tab-hd5 { background:#fff; overflow:hidden; zoom:1;height: 70px;border-bottom: 2px solid #f8f8f8;}
.tab-hd5 li{ float:left; color:#959595; text-align:center; cursor:pointer;line-height: 68px; color: #959595;font-size: 20px;}
.tab-hd5 li.active5{border-bottom: 2px solid #0084ff; color: #0084ff;}
.tab-bd5 li{display:none; padding:20px; border-top:0 none; font-size:24px;}

.tab-bd5 li.thisclass5{ display:list-item; background: #fff; overflow: hidden;}
.thisclass6{ display:list-item; background: #fff;}
.thisclass7{ display:list-item; background: #fff; overflow: hidden;}

.pinlun{
	width: 770px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 2px dashed #f4f4f4;
}
.pinlun img{
	float: left;
}
.pinlun textarea{
	width: 680px;
	height: 94px;
	background: #fafafa;
	border: none;
	float: left;
	outline: none;
	resize: none;
	padding-left: 20px;
	padding-top: 20px;
	margin-left: 15px;
}
.pinlun span{
	font-size: 14px;
	display: block;
	float: left;
	margin-left: 570px;
	padding-top: 30px;
}
.pinlun input{
	width: 114px;
	height: 38px;
	background: #0084ff;
	border: none;
	color: white;
	border-radius: 50px;
	margin-top:20px;
	margin-left: 20px;
}
.pinlun1{
	width: 770px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 2px dashed #f4f4f4;
}
.pinlun2{
	width: 770px;
	float: left;
	padding-bottom: 20px;
}
.touxiang{
	float: left;
	margin-top: 25px;
}
.nc{
	font-size: 16px;
	color: black;
	display: block;
	float: left;
	margin-left: 15px;
	padding-top: 30px;
}
.pinlun1 p{
	width: 700px;
	font-size: 12px;
	color: #6f6f6f;
	float: left;margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.pinlun2 p{
	width: 700px;
	font-size: 12px;
	color: #6f6f6f;
	float: left;margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.time{
	font-size: 12px;
	color: #6f6f6f;
	float: left;
	display: block;
	margin-left: 70px;
}
.dz{
	font-size: 12px;
	color: #0084ff;
	float: left;
	padding-left: 10px;
	padding-top: 2px;
}
.huifu{
	font-size: 12px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 2px;
}
.jubao{
	font-size: 12px;
	color: #6f6f6f;
	float: right;
}
.hf{
	width: 700px;
	height: 114px;
	background: #fafafa;
	overflow: hidden;
	margin-left: 68px;
	margin-top: 130px;
}


.touxiang1{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.nc1{
	font-size: 16px;
	color: black;
	display: block;
	float: left;
	margin-left: 15px;
	padding-top: 20px;
}
.hf p{
	width: 605px;
	font-size: 12px;
	color: #6f6f6f;
	float: left;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.time1{
	font-size: 12px;
	color: #6f6f6f;
	float: left;
	display: block;
	margin-left: 70px;
}
.dz1{
	font-size: 12px;
	color: #0084ff;
	float: left;
	padding-left: 10px;
	padding-top: 2px;
}
.huifu1{
	font-size: 12px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 2px;
}
.jubao1{
	font-size: 12px;
	color: #6f6f6f;
	float: right;
	margin-right: 10px;
}
.video-right{
	width: 343px;
	float: right;
	background: #fff;
	border-radius: 10px;
}
.video-right1{
	width: 343px;
	float: right;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	right: 0;
	top: 390px;
}
.d1{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;background: #ff4342; border-radius: 5px;color: white; float: left;}
.d2{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;background: #fe9134; border-radius: 5px;color: white; float: left;}
.d3{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;background: #18b4c6; border-radius: 5px;color: white; float: left;}
.d4{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;background: #b2b2b2; border-radius: 5px;color: white; float: left;}
.kc{font-size: 16px;color: black; float: left; display: block;margin-left: 10px;}
.mfsk{width: 90px;height: 24px;background: #0084ff;overflow: hidden; float: right;line-height: 24px;color: white; text-align: center; border-radius: 5px;}
.mfsk span{float: left;}
.mfsk img{float: left; margin-top: 6px;margin-left: 5px;margin-right: 5px;}
.mfsk1{width: 90px;height: 24px;background: #f2f2f2;overflow: hidden; float: right;line-height: 24px;color: white; text-align: center; border-radius: 5px;}
.mfsk1 span{float: left;color: #565656;}
.mfsk1 img{float: left; margin-top: 6px;margin-left: 5px;margin-right: 5px;}











.tab-outer-div::-webkit-scrollbar { width: 0 !important }
.tab-outer-div { -ms-overflow-style: none; }
.tab-outer-div { overflow: -moz-scrollbars-none; }
.down-arrow-icon {display: none;}
.detail-content a {color: #0084ff;}
.footer-concat-outdiv {
	position: relative;
}
.footer-concat-img {
	position: absolute;
	width: 100px;
	top: -105px;
	left: -32px;
	opacity: 0;
}
.footer-concat-img img {
	width: 100%;
}
.footer-concat-outdiv:hover .footer-concat-img{
	opacity: 1;
}
@media screen and (max-width: 768px) {
	/*首页*/
	/*导航*/
	.header {
		height: 100px;
	}
	.header input {
		height: 30px;
	}
	.search-outer-div {
		width: 100%;
		margin-top: 7px;
		height: 30px;
	}
	.header ul a li {
		color: #000000;
		width: 100%;
		height: 40px;
		line-height: 30px;
		margin: 0;
		text-align: left;
		padding: 5px 4%;
		box-sizing: border-box;
	}


	/*banner*/
	.out {
		width: 100%;
		height: calc(27300%/839);
	}
	.out img {
		width: 100%;
	}
	.out .btn {
		display: none !important;
	}

	.tab {
		margin: 25px auto;
		width: 100%;
	}
	.tab-hd {
		overflow: auto hidden;
		width: 100%;
	}
	.tab-hd li {
		margin: 0 15px 0 10px;
		white-space: nowrap;
	}
	.tab-outer-div {
		overflow: auto hidden;
		display: flex;
	}
	.tab-bd li.thisclass>a {
		margin-left: calc(50% - 190px);
	}
	.three {
		width: 100%;
		max-width: 380px;
		margin:20px 0 20px 0;
	}
	.three>img {
		width: 100%;
		height: auto;
	}
	.tab-bd {
		margin: 0;
	}
	.mbkclisttp img {
		width: 100%;
		height: auto;
	}
	.mbkclist {
		margin: 20px 0;
		width: 100%;
		height: auto;
	}
	.mbkclistwz {
		width: 100%;
		padding: 20px 12px;
		float: none;
		margin: 0;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}
	.mbkclistwz_xq {
		height: auto;
		margin: 12px 0;
		width: 100%;
	}
	.fl {
		float: none;
	}
	.mbkclistwz_yj {
		float: left;
	}
	.mbkclistxia_wz {
		display: inline-block;
		width: calc(100% - 105px);
	}
	.mbkclist_xq {
		float: right;
		margin: 0;
	}
	.mbkclist_xq a {
		margin-top: 0px;
	}
	.mbkclist_xq a {
		width: 90px;
		line-height: 36px;
	}
	.mbkclistwz_jg {
		font-size: 24px;
	}
	.four {
		width: 100%;
		margin-left: calc(50% - 300px);
	}
	.yqljbt {
		width: 100%;
	}
	.yqljnr {
		width: 100%;
	}
	.yqljnr a {
		word-break: keep-all;
	}
	.ftop {
		width: 100%;
		background-size: 300% auto;
		background-position: left;
	}
	.bili {
		margin: 105px 5% 0 0;
	}
	.bili.last-bili {
		margin-right: 0;
	}
	.fcenter {
		width: 100%;
		margin: 70px 0 0;
		display: flex;
		padding-bottom: 0;
		flex-wrap: wrap;
	}
	.f1 {
		display: flex;
		width: 100%;
	}
	.f1 span {
		width: auto;
		padding-left: 0;
		padding-right: 5%;
		font-size: 16px;
	}
	.f1 a {
		width: auto;
		margin-left: 0;
		display: inline-block;
	}
	.f1 a:not(:last-child) {
		margin-right: 2.6%;
	}
	.lastl {
		width: 100%;
	}
	.lastl>a {
		width: 100% !important;
	}
	.wzbt {
		width: 100%;
	}








	/*模板素材免费分享页面*/
	.tab1 {
		width: 100%;
	}
	.tab-hd2 {
		overflow: auto hidden;
		width: 100%;
		padding: 0 !important;
		display: flex;
	}
	.tab-hd2 li {
		word-break: keep-all;
		margin: 0 15px 0 10px;
	}
	.tab-hd2 li:last-child {
		margin-right: 0;
		padding-right: 10px;
	}
	.tab-bd1 li>a,.tab-bd2 li>a {
		margin-left: calc(50% - 190px);
	}
	.tab-bd1,.tab-bd2 {
		margin: 0;
		width: 100%;
	}
	.banner3 {
		width: 100%;
	}
	.price {
		height: 100px;
	}
	.price img {
		margin-top: 10px;
	}
	.wz1{
		font-size: 18px;
		line-height: 50px;
		margin-left: 10px;
	}
	.wz2{
		font-size: 28px;
		line-height: 50px;
		margin-left: 10px;
	}
	.wz3{
		font-size: 16px;
		margin-left: 10px;
		line-height: 50px;
	}
	.wz4{
		font-size: 16px;
		color: #565656;
		line-height: 50px;
		margin-left: 10px;
	}
	.wz5{
		font-size: 16px;
		line-height: 40px;
		margin-left: 20px;
		width: calc(100% - 170px);
	}
	.price div{
		width: 120px;
		height: 40px;
		margin-right: 20px;
		line-height: 40px;
		font-size: 18px;
	}
	.w.oh.pb60 {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.w.oh.pb60 .fl.fs16.pl10.c18 {
		padding-left: 22px;
		margin-top: -20px
	}








		/*教程页面*/
	.list-left {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.left1 {
		width: 32%;
		margin: 0;
	}
	.left1>ul {
		position: relative;
	}
	.li1 {
		width: 100%;
		height: 36px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		font-size: 16px;
		line-height: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.li1 span {
		margin: 0;
	}
	.li1 img {
		display: none;
	}
	.sel-li-outdiv {
		display: none;
		position: absolute;
		z-index: 1;
		width: 100%;
	}
	.li2 {
		width: 100%;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}
	.li2 .ml125 {
		display: none;
	}
	.left2-link {
		width: 32%;
	}
	.left2-link:last-child {
		width: 100%;
		margin-top: 6px;
	}
	.left2 {
		width: 100%;
		height: 36px;
		line-height: 36px;
		border-radius: 4px;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
	}
	.left2 span {
		margin: 0;
	}
	.left2 img {
		display: none;
	}
	.list-right {
		width: 100%;
		margin: 20px 0 0;
	}
	.list-top img {
		margin-left: 20px;
	}
	.list-bottom {
		width: 100%;
	}
	.list-bottom li {
		width: 100%;
		padding: 20px 0;
		margin-left: calc(50% - 190px);
		max-width: 380px;
	}
	.list-bottom img {
		width: 100%;
		margin: 0;
		height: auto;
	}
	.list-bottom span {
		margin: 12px 15px 0;
	}
	.listpp {
		width: calc(100% - 30px);
		margin: 12px 15px 0;
	}
	.list-div {
		margin: 12px 15px 0;
		font-size: 14px;
	}
	.li1 img.down-arrow-icon {
		width: 18px;
		display: inline-block;
		margin: 0 0 0 4px;
		float: none;
	}
	.tabb1 {
		width: auto;
	}









	/*下载*/
	.zwb {
		margin-top: 22%;
		font-size: 32px;
	}
	.zhichi {
		margin-top: 20px;
	}
	.zhichi1 {
		margin-top: 10px;
	}
	.daxiao {
		margin-top: 10px;
	}
	.xiazai{
		margin-top: 40px;
	}
	.zhu {
		margin-top: 110px;
	}
	.bianji {
		padding: 30px 0 20px;
		font-size: 28px;
	}
	.bianjicon {
		margin: 0;
		width: 100%;
	}
	.bianjicon>a {
		margin-left: calc(50% - 190px);
	}
	.new1 {
		margin: 20px 6px 0 20px;
	}
	.tiyan {
		margin-right: 20px;
		width: calc(100% - 40px);
	}
	.three>span {
		margin-top: 15px;
	}
	.xjq {
		font-size: 28px;
		width: 100%;
	}
	.w.oh {
		font-size: 0;
	}
	.w.oh>a {
		font-size: 14px;
		display: inline-block;
		margin-left: calc(50% - 190px);
	}
	.four1 {
		width: 100%;
		max-width: 380px;
		margin: 20px 0 20px 0;
	}
	.four1>img {
		width: 100%;
		height: auto;
	}
	.four-right1 {
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.four-right1>span {
		margin-top: 20px;
	}
	.four-right1 p {
		width: 100%;
	}
	.four31 {
		width: 100%;
		margin: 15px 0 20px;
	}
	.four31 span {
		float: left;
	}
	.four31>img {
		margin: 3px 0 0 10px;
	}
	.w.mt50.pb60.oh>img {
		width: 100%;
		height: auto;
	}
	.jmlb {
		padding-top: 20px;
	}
	.goumai1 {
		margin-top: 27px;
		font-size: 14px;
	}
	.goumai {
		width: 100%;
	}
	.goumai .fl.mt20.ml20 {
		margin: 2px 0 0 20px;
		float: left;
	}
	.jtwx {
		margin: 0 0 0 10px;
	}
	.jszc {
		margin: 0 0 0 10px;
	}
	.goumai .fl.mt20.ml40.ml20 {
		margin: 2px 0 0 40px;
	}
	.goumai2 {
		margin: 0 20px 20px 20px;
		width: calc(100% - 40px);
	}
	.goumai2 .pb45 {
		font-size: 26px;
		margin-left: 4px;
	}
	.goumai>div>a>div {
		margin-top: 0;
		width: 120px;
		height: 36px;
		line-height: 36px;
	}
	.three .ml40.fwb.D3 {
		margin:15px 20px 20px 0;
	}
	.goumai-datainfo {
		float: left;
		width: 100%;
		margin: 15px 0;
	}






	/*详情页*/
	.pb30 {
		padding: 20px 0;
	}
	.w1 {
		width: 100%;
	}
	.xq-left {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.leftbt {
		font-size: 28px;
		padding: 30px 0 20px;
	}
	.xq-xbt {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.xq-xbt>img {
		margin-left: 15px;
		float: left;
	}
	.biaoqian {
		width: calc(100% - 40px);
		margin: 0 20px;
		padding: 20px 0;
	}
	.sxp {
		width: calc(100% - 40px);
		padding: 20px 20px 0 ;
	}
	.qian {
		padding-left: 0px;
	}
	.fbsj {
		margin-left: calc(50% - 140px);
	}
	.xqspan1 {
		width: calc(100% - 40px);
		padding: 15px 20px;
		margin: 0;
	}
	.xqspan1 p {
		line-height: 25px;
		word-break: break-word;
	}
	.xqspan1 img {
		max-width: 100% !important;
		height: auto !important;
	}
	.biaoqian>a>div {
		font-size: 13px;
		padding: 0 8px;
		margin: 6px 8px 0 0;
		line-height: 25px;
	}
	.xq-right {
		display: none;
	}
}
@media screen and (max-width: 614px) {
	.four {
		width: 100%;
		max-width: 380px;
		margin: 20px 0 20px calc(50% - 190px);
		background-color: #ffffff;
	}
	.four>img {
		width: 100%;
		height: auto;
	}
	.four-right {
		width: calc(100% - 40px);
		margin: 0;
		padding: 20px
	}
	.four-right p {
		width: 100%;
	}
	.four3 {
		width: 100%;
	}
	.ftop {
		height: 82px;
	}
	.bili {
		margin: 95px 5% 0 0;
	}
}
@media screen and (max-width: 505px) {
	.tab-hd {
		display: flex;
	}
	.ftop {
		height: 72px;
	}
	.bili {
		margin: 85px 5% 0 0;
	}
}
@media screen and (max-width: 450px) {
	.tabb1 div {
		padding-left: 13px;
		padding-right: 13px;
		margin: 0 1px 0;
	}
}
@media screen and (max-width: 415px) {
	.three {
		margin: 20px auto;
	}
	.four {
		margin: 20px auto;
	}
	.ftop {
		height: 62px;
	}
	.bili {
		margin: 75px 5% 0 0;
	}
	.bili img {
		width: 35px;
	}
	.footer-concat-img img {
		width: 100%;
	}
	.bili span {
		margin: 7.5px 0 0 8px;
	}
	.tab-bd li.thisclass>a {
		margin-left: 0;
	}







	/*模板素材免费分享页面*/
	.tab-bd1 li a,.tab-bd2 li a {
		margin-left: 0;
	}








	/*教程页面*/
	.list-bottom li {
		margin-left: 0;
	}




	/*下载*/
	.bianjicon>a {
		margin-left: 0;
	}
	.w.oh>a {
		margin-left: 0;
	}
}